.container-waterfall {
	width: 95%;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	/*break-inside: avoid; 避免元素内部断行并产生新列*/
	border: 1px solid #dddee1;
	border-radius: 5px;
	margin-bottom: 10px;
}

.container-waterfall .info {
	padding-left: 10px;
}

.container-waterfall .tools {
	padding: 10px;
	height: 30px;
	position: relative;
}

.container-waterfall .tools div {
	width: 33%;
	float: left;
	border: solid 0px red;
}

@media only screen and (min-width:301px) and (max-width:600px) {
	.waterfall-layout {
		-moz-column-count: 2;
		/* Firefox */
		-webkit-column-count: 2;
		/* Safari  Chrome */
		column-count: 2;
		/* 将 div 元素中的文本分为2列，并规定列间10px像素的间隔。 */
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
}

@media only screen and (min-width:601px) and (max-width:900px) {
	.waterfall-layout {
		-moz-column-count: 3;
		/* Firefox */
		-webkit-column-count: 3;
		/* Safari  Chrome */
		column-count: 3;
		/* 将 div 元素中的文本分为2列，并规定列间10px像素的间隔。 */
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
}

@media only screen and (min-width:901px) and (max-width:1200px) {
	.waterfall-layout {
		-moz-column-count: 4;
		/* Firefox */
		-webkit-column-count: 4;
		/* Safari  Chrome */
		column-count: 4;
		/* 将 div 元素中的文本分为2列，并规定列间10px像素的间隔。 */
		-moz-column-gap: 10px;
		-webkit-column-gap: 10px;
		column-gap: 10px;
	}
}

@media only screen and (min-width:1201px) {
	.waterfall-layout {
		-moz-column-count: 5;
		/* Firefox */
		-webkit-column-count: 5;
		/* Safari  Chrome */
		column-count: 5;
		/* 将 div 元素中的文本分为2列，并规定列间10px像素的间隔。 */
		-moz-column-gap: 0px;
		-webkit-column-gap: 0px;
		column-gap: 0px;
	}
}